<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"  
    xmlns:h="http://java.sun.com/jsf/html"  
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui"
    template="/plantillas/plantilla-publica.xhtml"
    xmlns:c="http://java.sun.com/jsp/jstl/core">
    <ui:define name="cabecera">
        <title>Fauna de El Salvador - Búsqueda</title>
    </ui:define>
    <ui:define name="contenido"> 
        <center> 
            <p:panel id="busquedaPnl" 
                    header="Resultados de la Búsqueda" 
                    style="font-size: 120%; text-align: center; width:80%; min-width:800px !important;">
                <h:form id="busquedaFrm">    
                    <p:dataTable id="busquedaDtb" 
                                var="registro" 
                                value="#{busquedaBean.valores}"
                                filteredValue="#{busquedaBean.valoresFiltrados}"
                                paginator="false"
                                paginatorPosition="bottom"
                                
                                style="padding: 0 40px"
                                
                                rowKey="#{busquedaBean.getIndice(registro)}"
                                emptyMessage="No hay registros disponibles.">                      
                        <p:columns value="#{busquedaBean.encabezados}"
                                var="columna"
                                columnIndexVar="colIndex"
                                style="font-size: 110%"
                                sortBy="#{registro[columna]}" 
                                filterBy="#{registro[columna]}">  
                            <f:facet name="header">  
                                #{columna}  
                            </f:facet>  
                            #{registro[columna]}  
                        </p:columns>  
                    </p:dataTable>  
                </h:form>  
            </p:panel>
        </center>
    </ui:define>  
    <ui:define name="extra">
        <ui:include src="/plantillas/generador-consulta.xhtml">
            <ui:param name="bean" 
                      value="#{busquedaBean}" />
            <ui:param name="metodo" 
                      value="setConsulta" />
            <ui:param name="actualizacion" 
                      value=":busquedaFrm:busquedaDtb" />
            <ui:param name="ajax" value="true" />
        </ui:include>
    </ui:define>   
</ui:composition>

